<template>
	<view class="td">
		{{text || data.ToString() || data || ''}}
	</view>
</template>

<script>
	export default {
		name: 'hg-td',
		data() {
			return {
				
			};
		},
		props:{
			editable:false,		// 是否可编辑
			text:{						// 显示的文本
				type: [String, Number, Boolean, Date, Array, Object],
				default: '',
			},
			data:{						// 数据
				type: [String, Number, Boolean, Date, Object, Array, Image, Color, Symbol],
				default: '',
			},
			colspan: {				// 跨列
				type: Number,
				default: 1,
			},
			rowspan: {				// 跨行
				type: Number,
				default: 1,
			},
			borderTop:{
				type: String,
				
			},
			borderBottom:{
				type: String,
			},
			borderLeft:{
				type:String,
			},
			borderRight:{
				type:String,
			},
			align:{
				type: String,
				default: 'center'
			},
			background:{
				type: String,
				default: 'transparent'
			},
			
		}
	}
</script>

<style scoped>
	.td{
		border: solid 1px black;
		text-align: center;
		
		display: flex;
		justify-content: center;
		align-items: center;
	}
</style>
